@charset "utf-8";
/* CSS Document */
* {padding: 0;margin: 0;}
body {margin: 0px;padding: 0px;color: #666;font-family:"微软雅黑", Arial, Helvetica, sans-serif;font-size:14px;background:#fff;text-align:left;position:relative;line-height:20px;min-width:1200px;}
img {border: 0;position:relative;}
.clear {height:0px;line-height:0px;font-size:0px;clear:both;visibility:hidden;overflow:hidden;padding:0;margin:0;}
div,ul,dl,dd,dt,li,td,tr,table,p,span,h1,h2,h3,h4,h5,h6 { margin:0px;padding:0px;list-style:none;list-style-type: none; word-wrap:break-word;position:relative; border:none;font-weight:400;}
a {color:#666;text-decoration:none;position:relative;cursor:pointer;}
header, footer, nav, section, article, menu, aside {display:block;position:relative;} 
textarea { resize:none;font-family:"微软雅黑";font-size:14px;}
table { border-collapse:collapse;border-spacing:0;}
th , td { text-align:left;}
input {font-family:"微软雅黑";font-size:14px;}
input:focus {outline:none;}
input.sub {cursor:pointer; background:none; border:none;}
input.text {background:none; border:none;}
/* common main */
.red,a.red { color:#cc0031;}
.yellow,a.yellow { color:#f8bd09;}
.white,a.white { color:#fff;}
.fc,a.fc { color:#d72525;}
.c0,a.c0 { color:#000;}
.c1,a.c1 { color:#111;}
.c2,a.c2 { color:#222;}
.c3,a.c3 { color:#333;}
.c4,a.c4 { color:#444;}
.c5,a.c5 { color:#555;}
.c6,a.c6 { color:#666;}
.c7,a.c7 { color:#777;}
.c8,a.c8 { color:#888;}
.c9,a.c9 { color:#999;}
a:hover {color:#d72525;}
.fs12 { font-size:12px;}
.fs14 { font-size:14px;}
.fs16 { font-size:16px;}
.fs18 { font-size:18px;}
.fs20 { font-size:20px;}
.fs22 { font-size:22px;}
.fs24 { font-size:24px;}
.fw-b { font-weight:bold;}
.fw400 { font-weight:400;}
.ti2 { text-indent:2em;}
.lh18 { line-height:18px;}
.lh20 { line-height:20px;}
.lh25 { line-height:25px;}
.lh30 { line-height:30px;}
.lh35 { line-height:35px;}
.lh40 { line-height:40px;}
.unl { text-decoration:underline;}
.unl-no { text-decoration:none;}
.unl-th { text-decoration:line-through;}
.ta-l { text-align:left;}
.ta-c { text-align:center;}
.ta-r { text-align:right;}
.fl { float:left;}
.fr { float:right;}
.va-m { vertical-align:middle;}
.va-t { vertical-align:top;}
.pr { position:relative;}
.pa { position:absolute;}
.oh { overflow:hidden;}
.none { display:none;}
.block { display:block;}
.inblock { display:inline-block;}
.pointer { cursor:pointer;}
.w100 { width:100%;}
.w1000 { width:1000px;}
.w1200 { width:1200px;}
.h5 { height:5px;}
.h10 { height:10px;}
.h15 { height:15px;}
.h20 { height:20px;}
.h25 { height:25px;}
.h30 { height:30px;}
.h40 { height:40px;}
.h50 { height:50px;}
.h60 { height:60px;}
.h70 { height:70px;}
.h100 { height:100%;}
.ma2 { margin:2px;}
.ma5 { margin:5px;}
.ma10 { margin:10px;}
.ma15 { margin:15px;}
.ma20 { margin:20px;}
.pa2 { padding:2px;}
.pa5 { padding:5px;}
.pa10 { padding:10px;}
.pa15 { padding:15px;}
.pa20 { padding:20px;}
.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pt2 { padding-top:2px;}
.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.mga { margin-left:auto;margin-right:auto;}
.main {width:1200px;margin-left:auto;margin-right:auto;}
.absolute-r { position:absolute;left:auto;right:0;}
.absolute-l { position:absolute;left:0;right:auto;}
.comtab { table-layout:fixed;width:100%;border-collapse:collapse;}
.textover { overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis;}

.whitebg,input.whitebg { background:#fff;}
.eeebg,input.eeebg { background:#eee;}
.cccbg,input.cccbg { background:#ccc;}

/* js相关样式 */
.bannerbox {width:100%;height:800px;margin:0 auto;overflow:hidden;}
.bannerbox a {display:block;width:100%;height:800px;background-repeat:no-repeat;background-position:center center;}
#bannernum {position:absolute;width:100%;bottom:15px;text-align:center;left:0;}
#bannernum span { display:inline-block;width:10px;height:10px;background:#fff;line-height:0px; font-size:0px; margin:0 5px;}
#bannernum span.numsel { background:#d72525;}
.bannerbox .main {z-index:5; top:-290px;}
.bannerbox .main b { position:absolute; top:0; display:block; width:42px; height:42px; cursor:pointer;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;}
#adlast { background:url(../images/icon/arrow03.png) no-repeat; left:0;}
#adnext { background:url(../images/icon/arrow04.png) no-repeat; right:0;}
#adlast:hover { background:url(../images/icon/arrow03-1.png) no-repeat;}
#adnext:hover { background:url(../images/icon/arrow04-1.png) no-repeat;} 
/* cartoon */
.cartoon {
	transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;}

/*顶部*/
.mainheadbg{ height: 103px; width: 100%;}
.mainhead { width:100%; position: fixed; top: 0px; left: 0px; z-index: 111; height:100px; z-index:99; background: url(../images/whitebg.png) repeat; border-top: solid 3px #d72525;-moz-box-shadow:0px 1px 6px #CCCCCC; -webkit-box-shadow:0px 1px 6px #CCCCCC; box-shadow:0px 1px 6px #CCCCCC;}
.mainhead .main { padding-top:30px;}
.mainhead h1 { float:left; width:320px;margin-top: -12px;}
.mainhead ul { float:right; width:750px;}
.mainhead ul li {float:left; width: 90px; _width:40px; height:70px; margin-left: 15px;}
.mainhead ul li .a1 { display:block; text-align: center; white-space:nowrap; font-size:16px; padding-top:0px; height:66px; border-bottom:4px solid #f0f7fc;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.mainhead ul li .a1 img{ display: none; margin: 0 auto 10px; top: -5px;}
.mainhead ul li:hover .a1 img,.mainhead ul li.sel .a1 img{ display: block;}
.mainhead ul li menu { position:absolute; left:50%; top:70px; width:150px; margin-left:-74px; display:none;}
.mainhead ul li menu a { display:block; line-height:45px;height:45px; white-space:nowrap; overflow:hidden; background:#d72525; opacity:0.6; transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s; color:#fff; text-align:center; font-size:16px;}
.mainhead ul li menu a:hover {background:#d72525; opacity:0.9; color:#fff;}
.mainhead ul li.sel .a1,.mainhead ul li:hover .a1 { border-bottom:4px solid #d72525;color:#d72525;}
.mainhead .search{ float: right; width: 120px; border-bottom: solid 1px #ccc; margin-right: 10px; }
.mainhead .search .text{ height: 40px; line-height: 40px; border: none; width: 78%; padding: 0 5%;font-size:12px;}
.mainhead .search .subm{ position: absolute; right: 0px; top: 12px; background: url(../images/icon/icon02.png) no-repeat; width: 20px; height: 20px; border: none; cursor: pointer; z-index: 3;}


.comfooter{ height: 110px; padding: 17px 0; background: #ddd;}
.comfooter .main{ overflow: hidden;}
.comfooter .left{ float: left; width: 600px;}
.comfooter .phone{ height: 42px; padding-left: 50px; background: url(../images/icon/icon03.png) no-repeat; margin-bottom: 30px;}
.comfooter .phone b{ display: block; font-size: 13px; color: #666;}
.comfooter .copyright p{ color: #666; font-size: 12px;}
.comfooter .copyright p span{ margin-right:15px;}
.comfooter .copyright a:hover{color: #d72525;}
.comfooter .right{ float: right; width: 580px;}
.comfooter .link{ margin-top: 10px;}
.comfooter .link a{ font-weight: bold; font-size: 12px; margin: 0 18px; display: inline-block;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.comfooter .link a:hover{color: #d72525;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.comfooter .share{ text-align: right; margin-top: 45px;}
.comfooter .share span{ font-weight: bold; font-size: 12px; color: #666; }
.comfooter .share a{ display: inline-block; width: 28px; height: 28px; text-align: center; background: #ccc; border-radius: 100%; margin-left: 10px;transition: all 0.1s ease-in-out 0.01s;-webkit-transition: all 0.1s ease-in-out 0.01s;}
.comfooter .share a img{ top: 3px;}
.comfooter .share a:hover{ background: url(../images/icon/bg2.png) repeat; transition: all 0.1s ease-in-out 0.01s;-webkit-transition: all 0.1s ease-in-out 0.01s; background-size: 100%;}


.web_map{ width:730px; margin:0 auto;background:#fff; }
.web_map li{ border:solid 1px #eee; margin-bottom:20px;border-top:solid 2px #d72525;}
.web_map li h3 a{ height:50px; line-height:50px; padding:0 20px; border-bottom:solid 1px #eee; display:block; font-size:16px; color:#111;}
.web_map li .box{ padding:30px 20px;}
.web_map li .box a{ display:inline-block; margin-right:50px; color:#333;}
.web_map li .box a:hover{ color:#d72525;}
.web_map li .box p{ margin-bottom:15px; color:#333;}


.floatformbox{ width:40px; position:fixed; right:0px; bottom:360px; z-index:111;}
.floatform {  position:absolute; top:-130px; right:0px; z-index:5; background:#fff; width:180px; border-radius:5px 5px 0 0; overflow:hidden; display:none; }
.floatform .off{ position:absolute; top:20px; right:20px; cursor:pointer; width:10px; height:10px; z-index:3;}
.floatform h3{ height:53px; line-height:53px; background:#d72525; padding:0 20px; color:#fff;}
.floatform ul{ background:#fff; overflow:hidden; padding-bottom:15px;}
.floatform ul li{ padding:10px 10px; background:#fff; border:solid 2px #f5f5f5; margin:0 auto; }
.floatform ul li a{ background:#fff; border-radius:3px; height:132px; height:27px; display:block; text-align:center; line-height:27px; color:#d72525; font-size:16px;}
.floatform ul li a img{ margin-right:10px; top:2px; display:inline-block;}
.floatform ul li .ewm{  width:110px; margin:0 auto;}
.floatformbox .btn{ cursor:pointer;}
.floatformbox .backtop{ display:block;}
.floatformbox .weixin .pic{ position:absolute; left:-150px; top:0px; display:none;}
.floatformbox .weixin:hover .pic{ display:block; padding:10px; background:#fff;}
.floatformbox .weixin .pic img{ width:130px; height:130px;}
.floatformbox div img{ display:block;}
.floatformbox div{ margin-bottom:2px;}